<template>
    <div class="hello">
        <h1>hello</h1>
        <div>
            <el-row>
                <el-button type="primary">主要按钮</el-button>
                <el-button plain size="medium" type="primary">主要按钮</el-button>
                <el-button round size="small" type="primary">主要按钮</el-button>
                <el-button circle icon="el-icon-delete" size="mini" type="primary"></el-button>
                <el-button disabled type="primary">主要按钮</el-button>
                <el-button type="text">文字按钮</el-button>
                <el-button disabled type="text">文字按钮</el-button>
                <el-button icon="el-icon-search" type="primary">搜索</el-button>
            </el-row>
        </div>
        <div>
            <el-button-group>
                <el-button icon="el-icon-edit" type="primary"></el-button>
                <el-button icon="el-icon-share" type="primary"></el-button>
                <el-button icon="el-icon-delete" type="primary"></el-button>
            </el-button-group>
        </div>
        <div>
            <el-button :loading="true" type="primary">加载中</el-button>
        </div>
    </div>
</template>

<script>
    export default {
        name: "HelloWorld",
    }
</script>

<style scoped>
</style>
